﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
	xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>

<script language="javascript" type="text/javascript">
var selecionarSKU = 'Marque a Cor, depois o tamanho desejado.';
</script>
<title><vtex.cmc:productPageTitle /></title>
<vtex:metaTags />
<meta property="fb:app_id" content="154452854633257"/>
<meta property="og:type" content="product" />
<meta property="og:url" id="faceurl" content="http://www.rogerstenis.com.br/" />
<meta property="og:image" id="faceimage" content="http://www.rogerstenis.com.br/Control/ArquivoExibir.aspx?NomeArquivo=rogers_logo.png" />
<meta property="og:language" content="pt_BR" />
<!-- CSS -->
<vtex:template id="css" />
<style type="text/css">
.topic {
    display: block;
    list-style: none outside none;
    width:325px;
}
.topic .select {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 100%;
    margin-bottom: 13px;
    margin-left: 7px;
    position: static;
    width: 320px;
}
.topic .select label {
background-color: #333;
border-radius: 7px;
color: white;
margin: 4px;
padding: 5px 8px;
border-none;
}
.topic.Cor li.specification {
    background: url("/Control/ArquivoExibir.aspx?NomeArquivo=quick_tab1.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    text-indent: -9999px;
    width: 323px;
}
.topic.Tamanho li.specification {
    background: url("/Control/ArquivoExibir.aspx?NomeArquivo=quick_tab2.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    text-indent: -9999px;
    width: 323px;
}
.topic .select span {
    color: #D73333;
    display: block;
    font: 14px/36px Calibri,Arial;
    left: 10px;
    position: static;
    top: 0;
    z-index: 200;
}
.topic .specification {
    border-bottom: 1px solid #FF0000;
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px;
}
.topic .select label.sku-picked {
    background: none repeat scroll 0 0 #1E9339;
    color: #FFFFFF;
}
#quickview-area-produto {
    width: 341px;
}

.productInfo {
    width: 337px;
}

.topic.Tamanho .item_unavaliable {
    background: none repeat scroll 0 0 #CCCCCC;
    border: medium none #CCCCCC;
    color: #666666;
}

.topic.Tamanho .select label.esconda_tamanho {
color:#999;
border: none;
}


.availabilityForDelivery {
    border-top: 1px dotted #666;
    color: #900;
    font-size: 13px;
    height: 70px;
    margin: 8px 15px 0 19px;
    padding: 7px 0 0 0;
    width: 288px;
}

.socialMedia li {
float: left; margin: 5px; list-style: none outside none; padding: 0pt; height: 14px; width: 14px;
}
</style>
<!-- JS -->
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=mousewheel.js"></script>
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=ro.js"></script>
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=jquery.ui.core.min.js"></script>
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=jquery.ui.mouse.min.js"></script>
 <script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="~/../Control/ArquivoTextoExibir.aspx?NomeArquivo=principal.js" charset="utf-8"></script>

</head>
<body>
	<div id="page">
		<vtex:contentPlaceHolder id="BannerPlatinum" />
		<vtex:template id="Header" />
		<div class="area-root">
			<div id="content">
				<div id="produto" class="product">
					<div id="breadCrumbProdutos">
						<vtex.cmc:breadCrumb />
					</div>

					<div id="tab-left">
						<!-- INICIO - Coluna Esquerda -->
						<vtex:template id="barra-esquerda" />
					</div>
					<!-- FIM - Coluna Esquerda -->

					<div class="productImage">
                        <vtex.cmc:ProductImage />
						<span id="bt_verDetalhes"></span>
					</div>
					
					<div id="quickview-area-produto">
						<div class="productInfo">
							<div id="head">
								<h1 id="titulo"><vtex.cmc:productName /></h1>
								<div id="rating"><vtex.cmc:evaluationRate /></div>
								<h2 style="font-size:10px"><vtex:contentPlaceHolder id="LinkVejaMais" /></h2>


							</div>
							<div id="right">

								<div id="valores">
									<vtex.cmc:skuPrice />
									<span id="anterior"></span> <span id="atual"></span> <span
										id="parcela"></span> <span id="frete"></span>
<vtex:contentPlaceHolder id="flags"/>
								</div>

								<!-- SELECAO COR -->
								<div id="selecaoskus"><vtex.cmc:skuRichSelection changeImage="2" /></div>
<img alt="" title="" src="/Control/ArquivoExibir.aspx?NomeArquivo=quick_tab3.png" class="tab" />
								
							</div>
							<div id="buyButton-produto">
								<vtex.cmc:BuyButton />
							</div>
                            
<div><vtex.cmc:Delivery/></div>

						</div>
					</div>
					<vtex.cmc:BuyTogether/>
<vtex:contentPlaceHolder id="qvvt" />
                    <div id="moreInfo-produto">
						<div class="moreInfo-aba">
							<ul>
								<li><a href="#" id="carLink" class="moreInfo-link">Características</a>
								</li>
								<li><a href="#" id="dadLink" class="moreInfo-link">Dados Técnicos</a>
								</li>
								<li><a href="#" id="garLink" class="moreInfo-link">Garantia</a>
								</li>
							</ul>
						</div>
						<div id="carCont">
							<vtex.cmc:ProductDescription />
						</div>

						<div id="dadCont">
							<vtex.cmc:stockKeepingUnitMeasures />
							<vtex.cmc:productSpecification />
						</div>

						<div id="garCont" ><vtex:contentPlaceHolder id="garantia-produto" /></div>
					</div>
				</div>
					
				<div id="opniaoCliente">
					<div class="moreInfo-aba">
						<ul>
							<li><a href="#">Opinião de Consumidores</a> <span
								id="opiniao-nomeProduto"><vtex.cmc:productName />
							</span>
							</li>
						</ul>
					</div>
					<vtex.cmc:UserReview />
                    <div id="facebook_titulo" class="moreInfo-aba">
						<ul>
							<li>
								<a href="#">Opinião no Facebook</a>
                            </li>
                        </ul>
                    </div>
                    <vtex:contentPlaceHolder id="facebook_comments"/>
                    
				</div>
			</div>
            <div style="display:none"><vtex.cmc:navigationHistory/></div>
			<vtex:template id="Footer" />
		</div>
    </div>
<vtex:contentPlaceHolder id="javascript"/>
</body>
</html>